<template>
  <div class="search">
    <h2>饿了么</h2>
    <input type="text" placeholder="输入商家、商品名称">
  </div>
</template>

<script>
export default {

}
</script>

<style lang='scss' scoped>
.search{
  padding: 10px;
  background-image: linear-gradient(45deg, rgb(0, 165, 254), rgb(0, 130, 254));
}
.search h2{
  margin: 0 0 2.5% 2.5%;
  color: #fff;
}
.search input{
  width: 95%;
  height: 30px;
  margin: 0 2.5%;
  font-size: 10px;
  text-align: center;
  border-radius: 20px;
  border: none;
  outline: none;
  margin-top: 2%;
}
</style>